:root {

/*  Body Colour  */

--body-background: rgb(245, 185, 236);

/*  Main wrapper  */

--wrapper-background: rgb(245, 185, 236);
--wrapper-border: rgb(253, 254, 255);

/*  Main navigation  */

--main-navigation-background: rgb(238, 112, 219);

/*  Logo Border Colour  */

--logo-background: rgb(253, 254, 255);
--logo-border: rgb(253, 254, 255);



/*  Sub Navigation - Wrapper serounding the four navigation cards  */

--sub-navigation-background: rgb(253, 254, 255);
--sub-navigation-border: rgb(253, 254, 255);


/*  Sub Navigation - The four navigation cards  */

--sub-navigation-cards-background: rgb(232, 237, 243);
--sub-navigation-cards-border: rgb(253, 254, 255);


                        /*  Footer  */


/*  Sub Navigation -     Footer       Wrapper serounding the four navigation cards  */

--sub-navigation-background-footer: rgb(230, 222, 230);
--sub-navigation-border-footer: rgb(233, 219, 233);


/*  Sub Navigation -    Footer       The four navigation cards  */

--sub-navigation-cards-background-fotter: rgb(226, 232, 237);
--sub-navigation-cards-border-fotter: rgb(253, 254, 255);

/*  Main content   */

--main-content-wrapper-background: rgb(242, 165, 224);
--main-content-wrapper-border: rgb(253, 254, 255);


/*  Captions list  */

--list-wrapper-background: rgb(253, 254, 255);
--list-wrapper-border: rgb(253, 254, 255);
--list-card-background: rgb(253, 254, 255);
--list-card-border: rgb(253, 254, 255);

/*  Intersection  */


--caption-intersection-border: rgb(253, 254, 255);
--caption-intersection-background: rgb(253, 254, 255);


/*  Caption list Wrapper  */

--caption-wrapper-background: rgb(253, 254, 255);
--caption-wrapper-border: rgb(253, 254, 255);

/*  Caption list Tital  */

--caption-tital-background: rgb(253, 254, 255);
--caption-tital-border: rgb(253, 254, 255);

/*  Caption content left  */

--caption-contemt-left-background: rgb(253, 254, 255);
--caption-content-left-border: rgb(253, 254, 255);

/*  Caption content Right  */

--caption-contemt-right-background: rgb(253, 254, 255);
--caption-content-right-border: rgb(253, 254, 255);

/*  Caption text Left */

--caption-contemt-left-background: rgb(239, 206, 235);
--intersection-border: rgb(253, 254, 255);

/*  Artical comment */

--artical-comment-left-background: rgb(240, 189, 248);
--artical-comment-left-border: rgb(253, 254, 255);

--artical-comment-right-background: rgb(239, 186, 246);
--artical-comment-right-border: rgb(253, 254, 255);


/*  Artical intersection   */

--artical-intersection-backgound: rgb(240, 233, 239);
--artical-intersection-border: rgb(253, 254, 255);




}